{__NOLAYOUT__}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{$seo_title}</title>
    <include file="Index:meta" />
    <!-- Swiper -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
</head>

<body>
    <div id="page">
        <!-- Header -->
        <include file="Index:header" />
        <!-- Header End -->

        <!-- Banner -->
        <section class="banner">
            <div class="tab-inner container">
                <ul class="tab">
                    <!-- <foreach name="data" item="vo"> -->
                    <li>
                        <a href="index.php?m=Index&a=major&pid={$vo.id.val}">{$vo.title.val}</a>
                        <!-- <notempty name="vo.gwlist"> -->
                        <div class="tab-con">
                            <div class="link">
                                <!-- <foreach name="vo.gwlist" item="vg"> -->
                                <div class="tab-con-line clearfix">
                                    <h4>
                                        <a href="index.php?m=Index&a=major&pid={$vo.id.val}&cid={$vg.id.val}"> {$vg.title.val}</a>
                                    </h4>
                                    <div>
                                        <!-- <foreach name="vg.xmlist" item="vx"> -->
                                        <a href="index.php?m=Index&a=details&pid={$vo.id.val}&cid={$vg.id.val}&oid={$vx.id.val}"> {$vx.title.val}</a>
                                        <!-- </foreach> -->
                                    </div>
                                </div>
                                <!-- </foreach> -->
                            </div>
                        </div>
                        <!-- </notempty> -->
                    </li>
                    <!-- </foreach> -->
                </ul>
            </div>
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- <foreach name="hdp" item="vo"> -->
                    <div class="swiper-slide" style="background-image:url(http://hgedu.fjhgkj.com{$vo.pic})">
                        <a href="{$vo.link}" title="{$vo.title}"></a>
                    </div>
                    <!-- </foreach> -->
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </section>
        <!-- Banner End -->

        <!-- 项目列表 start -->
        <section class="project container pt-60">
            <h1 class="mb-40">精品岗位课程</h1>
            <div class="card-group row">
                <!-- 项目列表 块  start -->
                <volist name="jingpingw" id="vo">
                    <div class="card-box">
                        <div class="card-box-content">
                            <div class="card-img mb-20">
                                <a href="index.php?m=Index&a=major&pid={$vo.zyid}&cid={$vo.id}">
                                    <img src="__PUBLIC__/dist/image/img.jpg" data-src="http://hgedu.fjhgkj.com{$vo.bannerimg}">
                                </a>
                            </div>
                            <div class="card-info">
                                <p class="text-ellipsis mb-20">
                                    <a href="index.php?m=Index&a=major&pid={$vo.zyid}&cid={$vo.id}">{$vo.title}</a>
                                </p>
                                <p class="card-info-item clearfix">
                                    <label title="项目数">
                                        <i class="icon-gw"></i>{$vo.xmcount}</label>
                                </p>
                            </div>
                        </div>
                    </div>
                </volist>
                <!-- 项目列表 块  end -->
            </div>


            <div class="pt-40 mb-40">
                <a class="pull-right" style="color:#999;" href="index.php?m=Index&a=recruit">更多></a>
                <h1>岗位招聘推荐</h1>
            </div>
            <div class="recruit">
                <img src="__PUBLIC__/dist/image/recruit.jpg">
                <div class="project-class pt-20 mb-20">
                    <a class="active" data-zhuanye="计算机动漫与游戏制作">计算机动漫与游戏制作</a>
                    <a data-zhuanye="服装设计与工艺">服装设计与工艺</a>
                    <a data-zhuanye="计算机平面设计">计算机平面设计</a>
                    <a data-zhuanye="室内设计">室内设计</a>
                    <a data-zhuanye="工艺美术">工艺美术</a>
                    <a data-zhuanye="数字媒体技术应用">数字媒体技术应用</a>
                </div>
                <div class="recruit-table-head">
                    <span class="name">岗位名称</span>
                    <span class="title hide-sm">公司名称</span>
                    <span class="range">薪资范围</span>
                    <span class="place hide-sm">工作地点</span>
                    <span class="source hide-sm">来源</span>
                    <span class="link">相关链接</span>
                </div>
                <div class="swiper-container recruit-table">
                    <div class="swiper-wrapper" id="zhuyezp"></div>
                </div>

            </div>

            <!-- <div class="adsense row pt-40">
            <a class="col-xs-4"><img src="__PUBLIC__/dist/image/adsense1.jpg"></a>
            <a class="col-xs-4"><img src="__PUBLIC__/dist/image/adsense2.jpg"></a>
            <a class="col-xs-4"><img src="__PUBLIC__/dist/image/adsense3.jpg"></a>
        </div> -->

            <div class="rank pt-60">
                <a href="index.php?m=Index&a=rank" class="pull-right">更多&gt;</a>
                <p class="title mb-40">
                    <span>项目排行</span>
                    <a class="active paihang" data-sort="liulan">浏览排行</a>
                    <a class="paihang" data-sort="redu">热度排行</a>
                </p>
                <div class="card-group row" id="redupaihangdiv">
                    <!-- 项目列表 块  start -->

                    <!-- 项目列表 块  end -->
                </div>
            </div>


            <div class="news pt-40 mb-60">
                <a href="index.php?g=Home&m=Index&a=news" class="pull-right">更多&gt;</a>
                <h1 class="mb-40">新闻资讯</h1>
                <div class="row">
                    <div class="news-card col-sm-6">
                        <ul class="row">
                            <!--推荐开始 -->
                            <volist name="tuijian" id="vo">
                                <li class="col-xs-6">
                                    <a href='index.php?m=Index&a=newsdetails&id={$vo.id}'>
                                        <img src="__PUBLIC__/dist/image/img.jpg" data-src="http://hgedu.fjhgkj.com{$vo.thumb}">
                                    </a>
                                    <a href='index.php?m=Index&a=newsdetails&id={$vo.id}'>
                                        <p class="text-ellipsis">{$vo.title}</p>
                                    </a>
                                </li>
                            </volist>
                            <!--推荐结束 -->

                        </ul>
                    </div>
                    <ul class="news-list col-sm-6">
                        <volist name="notuijian" id="vo">
                            <li class="text-ellipsis">
                                <a href='index.php?m=Index&a=newsdetails&id={$vo.id}'>{$vo.title}
                                    <span>{$vo.createtime|date="Y-m-d",###}</span>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>

        </section>

        <include file="Index:footer" />
    </div>
    <i class="goTop"></i>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
    <script>
        $(function () {
            var swiper = new Swiper('.banner .swiper-container', {
                autoplay: 7000, //可选选项，自动滑动
                pagination: '.banner .swiper-pagination',
                paginationClickable: true,
            })

            var recruit = new Swiper('.recruit-table', {
                speed: 2000,
                autoplay: true,
                loop: true,
                direction: 'vertical',
                slidesPerView: 5,
                noSwipingClass: 'swiper-slide',
                height: 200,
            })
            // 鼠标滑入 滑出  禁止滚动
            $(".recruit-table").hover(function () {
                recruit.stopAutoplay();
            }, function () {
                recruit.startAutoplay();
            });


            // 招聘 专业切换
            $(".project-class").on("click", "a", function () {
                $(".project-class a").removeClass("active");
                var zhuanye = $(this).data('zhuanye');
                $("#zhuyezp").html();
                refreshzp(zhuanye, '');
                $(this).addClass("active");
            })
            function refreshzp(aa, bb) {
                $.ajax({
                    type: "POST",
                    url: "index.php?g=Home&m=Index&a=getindexrecruit",
                    data: "zhuanye=" + aa + "&title=" + bb,
                    dataType: "json",
                    success: function (resp) {
                        if (resp != null) {
                            var strHTML = '';
                            $.each(resp, function (k, item) {
                                strHTML += '<div class="swiper-slide">';
                                strHTML += '<span class="name">' + item.title + '</span>';
                                strHTML += '<span class="title text-ellipsis hide-sm">' + item.companyname + '</span>';
                                strHTML += '<span class="range">' + item.salary + '</span>';
                                strHTML += '<span class="range hide-sm">' + item.workplace + '</span>';
                                strHTML += '<span class="source hide-sm">' + item.comefrom + '</span>';
                                strHTML += '<span class="link"><a target="_blank" href="' + item.url + '">查看</a></span>';
                                strHTML += '</div>';
                            });
                            $("#zhuyezp").html(strHTML);
                            recruit.init();
                        } else {
                            $("#zhuyezp").html('');
                        }
                    }
                });
            }

            refreshzp('计算机动漫与游戏制作', '');

        })


    </script>

    <script>
        $(function () {
            $('.paihang').on('click', function () {
                if($(this).hasClass("active")) return;

                $('.paihang').removeClass("active");
                $(this).addClass("active");
                var aa = $(this).data('sort');
                paihang(aa);
            })
        })

        function paihang(aa) {
            $.ajax({
                type: "POST",
                url: "index.php?g=Home&m=Index&a=getfitem",
                data: "aa=" + aa,
                dataType: "json",
                success: function (resp) {
                    if (resp != null) {
                        var strHTML = '';
                        $.each(resp, function (k, item) {
                            strHTML += '<div class="card-box">';
                            strHTML += '<div class="card-box-content">';
                            strHTML += '<div class="card-img mb-20"><a href="index.php?m=Index&a=details&pid=' + item.zyid + '&cid=' + item.gwid + '&oid=' + item.id + '"><img src="__PUBLIC__/dist/image/img.jpg" data-src="http://hgedu.fjhgkj.com' + item.bigimage + '"></a></div>';
                            strHTML += '<div class="card-info">';
                            strHTML += '<p class="text-ellipsis mb-20"><a href="details.html">' + item.title + '</a></p>';
                            strHTML += '<p class="card-info-item clearfix">';
                            strHTML += '<label title="浏览数"><i class="icon-fwl"></i>' + item.readpoint + '</label>';
                            strHTML += '<label title="会员数"><i class="icon-rd"></i>' + item.redu + '</label>';
                            strHTML += '</p></div></div></div>';
                        });
                        $("#redupaihangdiv").html(strHTML);
                        // 初始化懒加载
                        srcollLoadImg(function ($obj) {
                            var $img = $obj;
                            //比例
                            var h = $img.width() / (280/160) + "px";
                            $img.height(h);
                        });
                    }

                }
            });
        }

        paihang('liulan');

    </script>
</body>

</html>